<template>
  <div class="c-menu-box" @touchend.stop="tap">
    <div class="line-box">
      <div class="line line1"></div>
      <div class="line line2"></div>
      <div class="line line3"></div>
    </div>
  </div>
</template>

<script>
  module.exports = {
    methods: {
      tap () {
        this.$dispatch('tap')
      }
    }
  }

</script>
<style lang="stylus">
  @import '../assets/style/common'

  .c-menu-box
    width 0.5rem
    margin 0.1rem
    display inline-block
    .line-box
      width 0.5rem
      height 0.4rem
      margin 0 auto
      position relative
      .line
        width 0.5rem
        height 0.08rem
        background #b55318
        border-radius 0.1rem
        position absolute
      .line1
        top 0
      .line2
        top 0.16rem
      .line3
        bottom 0
</style>
